<template>
    <div class="Scroll_box">
        <img :src="img" alt="">
    </div>
</template>

<script setup lang="ts">
import { defineProps, toRefs } from 'vue';
const props = defineProps({
    img: String
})

const { img } = toRefs(props)
</script>

<style scoped>
.Scroll_box {
    width: 185px;
    height: 100%;
    overflow: hidden;
}

.Scroll_box img {
    width: 185px;
    height: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.Scroll_box img:hover {
    transform: translateY(calc(280px - 100%));
    transition: transform 10s linear;
}
</style>